* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

#header {
    clear: both;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #F1F1F1;
}

a {
    color: #666;
}

a:hover {
    color: red;
}



.container {
    width: 1200px;
    margin: 0 auto;
}

ul,
li,
ol {
    list-style: none;
}

.search {
    position: relative;
}

.search>ul {
    position: absolute;
    width: 468px;
    border: 3px solid #b61d1d;
    border-top: none;
    left: -1px;
    top: 51px;
    box-sizing: border-box;
    /* padding: 20px; */
    background-color: pink;
    list-style: none;
    /* margin-left: 361px; */
    position: absolute;
    z-index: 999;
    display: none;
}

.search>ul>li {
    height: 22px;
    line-height: 22px;
    font-size: 18px;
    cursor: pointer;
}

.search>ul>li:hover {
    background-color: orange;
    color: #fff;
}


/*顶部*/
.header-box{width:1210px;margin:0 auto;}
.header-left{float:left;font-size:12px;color:#666;width:96px;height:30px;}
.header-left li{padding:0 24px 0 10px; position:relative;}
.header-right{float:right;}
.header-right li{float:left;padding:0 2px;font-size:12px;height:30px; padding:0 24px 0 10px;position:relative;}
.header-right li .on, .off, .xs{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    display: none;
  }
  
  .header-right li .on.active, .off.active{
      display: block;
  }
  
  .header-right li .off{
      float:left;padding:0 2px;font-size:12px;height:30px; padding:0 24px 0 10px;position:relative;
  }
  .header-right li .on{
      float:left;padding:0 2px;font-size:12px;height:30px; padding:0 24px 0 10px;position:relative;
  }
  .header-right li .on>.logout{
      
      float:right;padding:0 2px;font-size:12px;height:30px; padding:0 24px 0 10px;position:relative;
  
  }
.header-right .shu{width:1px;height:12px;margin-top:9px;background:#ddd;padding:0;}
.ci-right{font: 400 15px/15px consolas;height: 7px;overflow: hidden;position:absolute;top:12px;right:5px;-webkit-transition: -webkit-transform .1s ease-in 0s;color:#6a6a6a;-moz-transition: -moz-transform .1s ease-in 0s;color:#6a6a6a;}
.ci-leftll{font: 400 15px/15px consolas;height: 7px;overflow: hidden;position:absolute;top:12px;right:5px;-webkit-transition: -webkit-transform .1s ease-in 0s;color:#6a6a6a;-moz-transition: -moz-transform .1s ease-in 0s;}
#header li:hover .ci-right{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
#header li:hover .ci-leftll{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
/*北京二级菜单*/
.bj{border-left:1px solid #F1F1F1;border-right:1px solid #F1F1F1;}
.bj:hover{background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.header-right li.denglu{ padding:0 9px;}
.bj-1{width:310px;border:1px solid #ccc;border-top:none;display:none;position:absolute;top:30px;left:-1px;background:#fff;}
.bj-1 a{display:inline-block;height:20px;padding:0 5px; line-height:20px; margin:0 12px;}
.header-left li:hover .bj-1{display:block;}
.header-left li .bj-1 a:hover {padding:2px 5px;background:#F1F1F1;}
/*网站导航2级菜单*/
.neirong{width:279px;border-right:1px solid #ddd;height:168px; padding-left:10px; float:left;margin:20px 5px;}
.neirong2{margin-left:10px;font-family: "微软雅黑";font-weight:600px;color:#666;}
.neirong ul li{color:#666;font-size:12px; overflow:hidden;width:50px;text-align:left;}
.neirong3{ border:none;}
.aa{width:1210px;height:220px;border:1px solid #ccc;position:absolute;right:-1px;top:30px;display:none;border-top:none;}
.daohang{border-left:1px solid #F1F1F1;border-right:1px solid #F1F1F1;}
.daohang:hover .aa{display:block;background:#fff;}
.daohang:hover{background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;}
/*客户服务2及菜单*/
.kehu1{width:164px;height:200px;border:1px solid #ccc;position:absolute;left:-1px;top:30px;display:none;border-top:none;}
.kehu2{height:100px;}
.kehu3{width:165px;height:50px;border-top:1px dashed #ccc;}
.kehu:hover .kehu1{display:block;background:#fff;}
/*关注京东二级菜单*/
.guanzhu1{width:82px;height:100px;border:1px solid #ccc;border-top:none;position:absolute;left:-1px;top:30px;display:none;}
.guanzhu:hover .guanzhu1{display:block;background:#fff;}
/*手机京东二级菜单*/
.shouji1{width:282px;height:200px;border:1px solid #ccc;border-top:none;position:absolute;left:-1px;top:30px;display:none;}
.shouji:hover .shouji1{display:block;background:#fff;}
.shouji4{width:90px;height:90px;margin:10px;}
.shouji2{font-size:14px;color:#666;margin-top:-10px;position:absolute;top:14px;left:110px;}
.shouji2 p{height:22px;}
.red{color:red;}
.shouji3{width:25px;height:28px;padding:10px 10px;}
.yi{width:282px;border-top:1px dashed #ccc;}
.er{font-size:14px;color:#666;position:absolute;top:130px;left:110px;}
.er p{height:22px;}
/*我的京东二级页面*/
.my1{width:260px;height:240px;border:1px solid #ccc;border-top:none;position:absolute;left:-1px;top:30px;display:none;}
.my:hover .my1{display:block;background:#fff;}
.my2 img{width:77px;height:77px;border-radius:50px;margin:15px;}
.my3{float:right;margin:31px 50px 0 0}
.bj-1,.my1,.shouji1,.guanzhu,.kehu,.daohang,.dorpdown-layer{z-index:100;}

/*logo一栏*/

.w{width:1210px;margin:0 auto;position:relative;}
.w .logo{width:360px;height:60px;padding:20px 0;float:left;}
.w .search{float:right;margin-top:30px;}
.w .search .text{float:left;height:24px;line-height:24px;padding:4px;border-width:2px 0 2px 2px;border-color:#b61d1d;border-style:solid;font-size:14px;font-family:"microsoft yahei";width:455px;outline:0;color: rgb(153, 153, 153);}
.w .search .button{float:left;width:82px;height:36px;background:#b61d1d;border:none;color:#fff;font-size:16px;}


























.content {
    display: flex;
    flex-direction: column;
    margin: 30px auto;
  }
  
  .content > .top {
    height: 40px;
    background-color: pink;
    display: flex;
    align-items: center;
    font-size: 24px;
  }
  
  .content > .top > input {
    width: 20px;
    height: 20px;
    margin: 0 30px;
  }
  
  .content > .bottom {
    height: 40px;
    background-color: pink;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 30px;
    font-size: 20px;
  }
  
  .content > .bottom button {
    padding: 5px;
    font-size: 20px;
    cursor: pointer;
  }
  
  
  .content > .center > ul {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
  
  .content > .center > ul > li {
    width: 100%;
    height: 100px;
    border: 1px solid #333;
    margin-bottom: 10px;
    display: flex;
  }
  
  .content > .center > ul > li:last-child {
    margin-bottom: 0;
  }
  
  .content > .center > ul > li > .select,
  .content > .center > ul > li > .price,
  .content > .center > ul > li > .number,
  .content > .center > ul > li > .xiaoji,
  .content > .center > ul > li > .desc,
  .content > .center > ul > li > .img {
    width: 100px;
    border-right: 1px solid #333;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
  
  .content > .center > ul > li > .xiaoji,
  .content > .center > ul > li > .price {
    width: 130px;
  }
  
  
  .content > .center > ul > li > .number,
  .content > .center > ul > li > .desc {
    width: 300px;
  }
  
  .content > .center > ul > li > .delete {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .content > .center > ul > li > .number > input {
    border: none;
    font-size: 20px;
    text-align: center;
    width: 50px;
  }
  
  .content > .center > ul > li > .number > button {
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .center>ul>li>.img>img{
      width: 100%;
      height: 100%;
      display: block;
  }












/*页脚开始*/

#ending {
    width: 1210px;
    margin: 0 auto;
    clear: both;
}

#ending .page-end {
    margin: 0 auto;
    width: 990px;
    height: 54px;
    padding: 20px 110px;
    margin-top: 14px;
    background: #F5F5F5;
}

#ending .page-end .end-icon {
    padding: 0px 13.75px;
    float: left;
    height: 54px;
}

#ending .list-mulu {
    width: 990px;
    height: 156px;
    margin: 0 auto;
}

#ending .list-mulu .list-serve {
    width: 222px;
    height: 156px;
    float: left;
    /*margin-right: 3px;*/
}

#ending .list-mulu .last {
    width: 100px;
    height: 156px;
    float: left;
}

#ending .list-mulu .last>a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-family: '微软雅黑'
}

#ending .list-mulu .last>a:hover {
    color: red;
}

#ending .list-mulu .list-serve>a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-family: '微软雅黑'
}

#ending .list-mulu .list-serve>a:hover {
    color: red;
}

#ending .list-mulu .list-serve>a:nth-child(1) {
    line-height: 24px;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 400px;
}

#ending .list-mulu .last>a:nth-child(1) {
    line-height: 24px;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 400px;
}

#ending .list-mulu .last>a:hover {
    color: red;
}

#ending .footer {
    width: 990px;
    height: 144px;
    padding: 20px 0;
    margin: 0 auto;
}

#ending .footer {
    height: 10px;
}

#ending .footer .as {
    margin-left: 90px;
}

#ending .footer .as>a {
    font-size: 12px;
}

#ending .footer .as>a:hover {
    color: red;
}